<!DOCTYPE html>
<html lang="en" ng-app="em7frontend">
<head>
	<title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <!-- Bootstrap -->
    <link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" media="screen">
	<link href="css/signin.css" rel="stylesheet">

	<script src="bower_components/jquery/jquery.min.js"></script>
   	<script src="bower_components/angular/angular.js"></script>
   		<!-- remove me --><script xrc="bower_components/angular/build/angular-route.js"></script>
   	<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
	<script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
	<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

	<script src="js/lib/emmi.min.js"></script>
	<script src="js/lib/ckeditor/ckeditor.js"></script>
	<script src="js/lib/ng-infinite-scroll.js"></script>
	<script src="js/lib/multiselect/multiselect.js"></script>
	<script src="js/lib/long.js"></script>

	<script src="js/lib/gt-select/gt-select.js"></script>
	<link href="js/lib/gt-select/gt-select.css" rel="stylesheet">

	<script src="js/lib/gt-dropdown/gt-dropdown.js"></script>
	<link href="js/lib/gt-dropdown/gt-dropdown.css" rel="stylesheet">	

	<!--
		<script src="js/lib/jquery.ui/jquery.ui.core.min.js"></script>
		<script src="js/lib/jquery.ui/jquery.ui.widget.min.js"></script>
	-->

	<script src="js/lib/grf-uploader.js"></script>
	
	<script src="js/em-utils.js"></script>
	<script src="js/syn-auth.js"></script>

	<script src="js/app.js"></script>
	<script src="js/controllers.js"></script>
	<script src="js/controllers/emails.js"></script>
	<script src="js/controllers/drafts.js"></script>
	<script src="js/controllers/templates.js"></script>
	<script src="js/controllers/editor.js"></script>	
	<script src="js/controllers/contacts.js"></script>	
	
</head>
<body ng-controller="MainCtrl" class="{{section}}">
	<div emd-loadingbar></div>
	<div id="head">
	    <div ng-show="fullUserName" class="navbar navbar-default">
	      <div class="container">
	        <div class="navbar-header">
	          <button type="button" ng-click="toggleCollaped()" class="navbar-toggle">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">G-Lock EasyMail 7</a>	          
	        </div>
	        <div collapse="isCollapsed" class="navbar-collapse collapse">
	          <ul class="nav navbar-nav navbar-right">

	          	<li ng-hide="workplace"><a>{{fullUserName}}</a></li>

	            <li ng-show="workplace" class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{fullUserName}} @ {{workplace.WPName}} <b class="caret"></b></a>
	              <ul class="dropdown-menu">
	                <li ng-repeat="wp in workplaces"><a href="#/workplaces/{{wp.ID}}/outbox">{{wp.WPName}}</a></li>
	                <li class="divider"></li>
	                <li><a href="#/logout">Logout</a></li>
	              </ul>
	            </li>

				<li ng-if="!workplace"><a href="#/logout">Logout</a></li>

				<!-- <span class="show-xxs-only-inline"> -->
				<li class="divider"></li>
				<li class="show-xs-only"><a ng-show="emlCanBeSent" ng-click="" href="#">Start sending</a></li>
				<li class="show-xs-only"><a ng-show="emlCanBeStopped" ng-click="" href="#">Stop</a></li>
				<li ng-show="item" class="divider"></li>
				<li ng-if="section.length && section !== 'contacts'" class="show-xs-only"><a href="#" ng-click="compose()">Compose</a></li>				
				<li ng-if="section.length && section !== 'contacts'" ng-class="{ 'active':showPreview }" class="show-xs-only">
					<a ng-click="togglePreview()">Preview</a>
				</li>
				<li ng-if="section == 'contacts'" ng-class="{'active': showExclusionList}" class="show-xs-only">
					<a ng-click="toggleExclusionList()">Show Exclusion List</a>
				</li>
	          </ul>
	        </div>
	      </div>
	    </div>		
	</div>
	<div ui-view="root"></div>
	<div id="foot" class="footer hide-xs-only">
		<div class="container">		
			<p>&copy; G-Lock Software</p>
		</div>		
	</div></body>
</html>